<template>
    <view class="as-us flex flex-1 flex-col items-center">
        <image :src="appStore.config.website.logo" mode="" class="img"></image>
        <view class="text-content mt-[20rpx] padding_left">
			<view class='title'>当前版本：</view>
			<view class="title_v">{{ appStore.config.version }}</view>
		</view>
        <view class="text-content mt-[20rpx] padding_left">
			<view class='title'>公司名称：</view>
			<view class="title_v">深圳市木栈道管理服务有限公司</view>
		</view>
        <view class="text-content mt-[20rpx] padding_left">
			<view class='title'>公司地址：</view>
			<view class="title_v">深圳市南山区南头街道马家龙社区大新路89号马家龙工业区40栋210</view>
		</view>
        <view class="text-content mt-[20rpx] padding_left">
			<view class='title'>公司备案域名：</view>
			<view class="title_v">mzd.muzhandao.com</view>
		</view>
        <view class="text-content mt-[20rpx] padding_left">
			<view class='title'>备案号：</view>
			<view class="title_v">粤ICP备2024197083号</view>
		</view>
        <view class="text-content mt-[20rpx] padding_left">
			<view class='title'>备案地址：</view>
			<view class="title_v">广东省深圳市南山区大新路89号海大创意园东座210</view>
		</view>
    </view>
</template>

<script setup lang="ts">
import { useAppStore } from '@/stores/app'
const appStore = useAppStore()
</script>

<style lang="scss" scoped>
.as-us {
    .img {
        width: 160rpx;
        height: 160rpx;
        border-radius: 20rpx;
        margin-top: 96rpx;
    }
}
.padding_left{
	// text-align:left;
	padding-left:10px;
	padding-right:10px;
	display: flex;
	.title{
		width:100px;
		text-align:left;
	}
	.title_v{
		width:200px;
		text-align:left;
	}
}
</style>
